<!--
  @author wangjie
  @since 2019/11/19
-->
<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::jscss"/>
<body>

<div class="layui-form">
    <div class="zmn-form-item">
        <div class="item-inline" style="width: auto">
            <label class="inline-label">账户类型：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline">
                        <div class="layui-input-inline">
                            <input type="radio" name="engineerRole" value="2" title="主管"
                                   th:checked="${obj.engineerRole == 2}" lay-filter="engineerRole">
                            <input type="radio" name="engineerRole" value="1" title="工程师"
                                   th:checked="${obj.engineerRole == 1}" lay-filter="engineerRole">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="zmn-form-item">
        <div class="item-inline" style="width: 55%">
            <label class="inline-label"><span style="color: red">*</span>平台：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div id="plat"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="zmn-form-item">
        <div class="item-inline" style="width: 55%">
            <label class="inline-label"><span style="color: red">*</span>子公司：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div id="subCompanyId"></div>
                </div>
            </div>
        </div>
        <div class="item-inline" style="width: 35%">
            <div id="spCompanyId"></div>
        </div>
    </div>
    <div class="zmn-form-item" id="accountTypeLabel2">
        <div class="item-inline" style="width: auto">
            <label class="inline-label"><span style="color: red">*</span>主管：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline" style="width: 310px;">
                        <div id="engineerSupervisorIds"></div>
                    </div>
                    <div class="layui-form-mid layui-word-aux" th:id="accountTypeMark">绑定后，此账号供该主管使用</div>
                </div>
            </div>
        </div>
    </div>
    <div class="zmn-form-item" id="accountTypeLabel1">
        <div class="item-inline" style="width: auto">
            <label class="inline-label"><span style="color: red">*</span>工程师：</label>
            <div class="inline-box">
                <div class="inline-box-cc">
                    <div class="box-input-inline" style="width: 310px;">
                        <div id="engineerId"></div>
                    </div>
                    <div class="layui-form-mid layui-word-aux" th:id="accountTypeMark">绑定后，此账号供该工程师使用</div>
                </div>
            </div>
        </div>
    </div>

    <div class="layui-split">&nbsp;</div>
    <div class="layui-form-item layui-layout-admin">
        <div class="layui-input-block">
            <div class="layui-footer" style="left: 0;">
                <button class="layui-btn" lay-submit="" id="submit" lay-filter="zmn-engineer-binding-form-submit">保存
                </button>
                <button id="cancel" type="button" class="layui-btn layui-btn-primary">取消</button>
            </div>
        </div>
    </div>
</div>

<script type="text/javascript" th:inline="javascript">
    layui.config({
        base: "/static/lay/"
    }).extend({
        index: "lib/index",
        staff_bind_master: "staff/zmn.staff.bind.master",
    }).use(['index', 'staff_bind_master']);

    let json = {
        vo: [[${obj}]]
    }
</script>

</body>
</html>